﻿<!DOCTYPE html>
<html lang="zxx">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- Title -->
      <title>Alum - Responsive HTML Site Template</title>
      <!-- Favicon -->
      
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/bootstrap.min.css">
      <!--Responsive Menu  CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/responsive-menu.css" />
      <!-- lightbox CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/lightbox.min.css">
      <!-- Prism CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/prism.css">
      <!-- Owl carousel CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/owl.carousel.min.css">
      <!-- Font awesome CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/fontawesome-all.min.css">
      <!-- Aos CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/aos.css">
      <!-- Main CSS -->
      <link rel="stylesheet" href="../blogfont/assets/css/style.css">
      <!-- Google font -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700" rel="stylesheet">
   </head>
   <body>
      <!-- ==================== PRELOADER HERE ===================================== -->
      <div class="overlay-loader">
         <img src="../blogfont/assets/images/805.gif" alt="loader" />
      </div>
      <!-- ==================== PRELOADER END ===================================== -->
      <!-- ======================== START HEADER AREA HERE ====================================== -->
      <header class="themeix-header  clearfix">
         <div class="themeix-header-navigation bg-color">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="themeix-navbar">
                        <div class="themeix-logo float-left">
                           <a class="themeix-brand" href="index.html"><img src="../blogfont/assets/images/logo.png" alt="Header Logo"></a>
                        </div>
                        <div class="header-container highlight">
                             <nav class="themeix-menu float-right">
                              <ul id="navigation-menu" class="slimmenu">
                                 <li class="has-submenu">
                                    <a href="index.html">Home</a>
                                    <ul>
                                       <li><a href="index.html">Home 1</a></li>
                                       <li><a href="index2.html">Home 2</a></li>
                                    </ul>
                                 </li>
                                 <li><a href="about.html">About</a></li>
                                 <li class="has-submenu">
                                    <a href="#">Page</a>
                                    <ul>
                                       <li><a href="author.html">Author</a></li>
                                       <li><a href="authors.html">Authors</a></li>
                                       <li><a href="tag.html">Tag</a></li>
                                       <li><a href="tags.html">Tags</a></li>
                                       <li><a href="404.html">404 Page</a> </li>
                                    </ul>
                                 </li>
                                 <li><a href="guide.html">Style Guide</a></li>
                                 <li><a href="contact.html">Contact</a></li>
                              </ul>
                              <div class="navigation-sidebar">
							      <img src="../blogfont/assets/images/search-img.png" alt="search-img" class="search-img" id="search-btn" />
							      <button class="openbtn" onclick="openNav()"><img src="../blogfont/assets/images/menu-icon.png" alt="menu-icon" /></button>
							  </div>
                           </nav>
						    <div id="search-overlay" class="block">
                                 <div class="centered">
                                    <div id="search-box">
                                       <i id="close-btn" class="fa fa-times fa-2x"></i>
                                       <form action="/search" id="search-form" method="get" target="_top">
                                          <div class="input-group">
                                             <input id="search-text" name="q" placeholder="Search Here" type="text" />
                                             <div class="input-group-prepend">
                                                <button id="search-button" type="submit">
                                                <span><i class="fa fa-search"></i></span>
                                                </button>
                                             </div>
                                          </div>
                                       </form>
                                    </div>
                                 </div>
                              </div>
                           <div id="mySidepanel" class="sidepanel">
                              <ul class="list-inline pt-4">
                                 <li><a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a></li>
                                 <li><a href="#">Adverting</a></li>
                                 <li><a href="#">Privacy Policy</a></li>
                                 <li><a href="#">Terms of Service</a></li>
                                 <li><a href="#">FAQ</a></li>
                            
                              </ul>
                           </div>
                           
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="header-bottom page-title">
            <div class="container">
               <div class="row">
                  <div class="col-md-9 mx-auto">
                     <div class="header-text text-center">
                        <h1 class="heading-1 mb-4">About Us</h1>
                        <p>Bibendum litora a risus, nibh orci. Condimentum facilisis amet, lacus a id et urna orci. Eros abitur aptent, molestie ligula sit amet in. Feugilputate, dolor eget massa consec</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="header-shape">
            <img class="shape1" src="../blogfont/assets/images/Shape_01.png" alt="shape animated"/>
            <img class="shape2" src="../blogfont/assets/images/Shape_02.png" alt="shape animated"/>
            <img class="shape3" src="../blogfont/assets/images/Shape_03.png" alt="shape animated"/>
         </div>
      </header>
      <!-- ======================== END HEADER AREA HERE ================================= -->
      <!-- =================== START MAIN CONTENT AREA HERE ========================-->
      <main class="main-content-area section-padding-bottom clearfix">
         <div class="page-wrapper">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="row">
                        <div class="col-md-10 mx-auto n-margin pb-0">
                           <div class="entry-content">
                              <p>Bibendum litora a risus, nibh orci. Condimentum facilisis amet, lacus a id et urna orci. abitur <a href="#">ultrices turpis quam,</a> aptent, molestie ligula sit amet in. Feugilputate, dolor eget massa consecNeque auctor mi orci sem ultrices, facilisis metus. Mollisvarius vestibulum, lacus habitasse erat duis in curabitur suspendisse, lobortis dui dolor non sollicitudin et, dictum sed nullam ipsum est, a metus elit etiam libero pellentesque. Pulvinar sed <a href="#">ultrices turpis quam,</a>elementum impedit quis ligula, praesentium in eget accumsan aenean maecenas mauris Suscipit quis sem et cum nulla,</p>
                              <p><a href="#">ultrices turpis quam,</a> Bibendum litora a risus, nibh orci. Condimentum facilisis amet, lacus a id et urna orci. abitur aptent, molestieligula sit amet in. Feugilputate, dolor eget massa consecNeque auctor mi orci sem ultrices, facilisis metus.<a href="#">ultrices turpis quam,</a> Mollis varius vestibulum, lacus habitasse erat duis in curabitur suspendisse, lobortis dui dolor non sollicitudin et, dictum sed nullam ipsum est, a metus elit etiam libero pellentesque. Pulvinar sed elementum impeditquis ligula, praesentium in eget accumsan aenean maecenas mauris, dictum amet augue. Dictum odio massa faucibus in fermentum, lorem in morbi urna pulvinar praesent. Wisi sollicitudin aliquam, sodales quis ultrices proin ligula ipsum urna, nunc viverra duis feugiat, cursus integer, pretium suspendisse. <a href="#">ultrices turpis quam,</a>Suspendisse minima, leo condimentum etiam proin sem purus. Dui at vestibulum placerat odio non. Suscipit quis sem et cum nulla,</p>
                              <figure>
                                 <img src="../blogfont/assets/images/02_About.jpg" alt="About-img" />
                              </figure>
                              <div class="blockquote">
                                 <blockquote>
                                    <div class="quote-text text-center">
                                       <p>Bibendum litora a risus, nibh orci. Condimentum facilisis amet, lacus a id et urna orci. abitur aptent, molestie ligula sit amet in. Feugilputate, dolor eget massa consecNeque auctor mi orci sem ultrices</p>
                                    </div>
                                 </blockquote>
                              </div>
                              <p>Quis neque lectus maecenas dolor ultricies vitae, montes aenean ad, sit non aliquam nascetur, rutrum nisl, arcu lacus. Tellus at orci, feugiat tortor faucibus sed et volutpat, dignissim aenean nunc, quisque vitae inceptos ultricies integer diam vitae, nullam sed. Tincidunt a metus sagittis nam quis, non odio sit ultricies at, <a href="#">vitae enim eros condimentum</a> dolor sit. Id adipiscing vitae, illo risus nibh id lorem hac maecenas, malesuada faucibus sollicitudin non in in. Libero eget, nunc senectus, ante adipiscing aliquam. Maecenas bibendum facilisis metus, amet tempus hac ac ut aliquam sed. </p>
                              <p>Mauris tortor eget morbi quam odio, a magnis felis ipsum ac enim, sed libero lorem, urna sit. Optio pellentesque pede tempor, nulla vel, nec posuere nam enim elit, diam mauris amet hac suspendisse. Vel dictum ante nec, curabitur justo vehicula ut fringilla quis sapien, diam nulla pharetra <a href="#">consectetuer dictum</a>, sodales at convallis nonummy. Donec wisi vel hendrerit metus, mi purus eget molestie nec nibh. Ipsum donec, ut eros at nam nunc dictum magna. Per tellus eu vel, viverra lacus, tenetur et in pede dignissim. Nunc amet urna vestibulum diam integer nisl, posuere felis in, congue urna volutpat, et nulla lorem, phasellus urna vehicula natoque.</p>
                              <div class="unorder-list">
                                 <h4 class="heading-4 mb-3">Unorder List</h4>
                                 <ul>
                                    <li>Dapibus neque ultrices turpis</li>
                                    <li>Suscipit hymenaeos maecenas</li>
                                    <li>Suscipit hymenaeos maecenas</li>
                                    <li>Suscipit hymenaeos maecenas</li>
                                 </ul>
                              </div>
                              <figure class="figure blog-fluid-image">
							     <img src="../blogfont/assets/images/fluid-image.jpg" alt="fluid-image" />
                              </figure>
                              <p>Sed sed pellentesque lacinia quam pellentesque ante, condimentum consectetuer. Dolor vulputate eget quisque voluptas eget, lacinia convallis egestas, ac in ultricies pharetra. Imperdiet dignissim sodales nullam, metus dictumst volutpat, lacus nulla quis justo, vel eu <a href="#">platea morbi sodales</a></p>
                              <p>Mauris tortor eget morbi quam odio, a magnis felis ipsum ac enim, sed libero lorem, urna sit. Optio pellentesque pede tempor, nulla vel, nec posuere nam enim elit, diam mauris amet hac suspendisse. Vel dictum ante nec, curabitur justo vehicula ut fringilla quis sapien, diam nulla pharetra <a href="#">consectetuer dictum</a>, sodales at convallis nonummy. Donec wisi vel hendrerit metus, mi purus eget molestie nec nibh. Ipsum donec, ut eros at nam nunc dictum magna. Per tellus eu vel, viverra lacus, tenetur et in pede dignissim. Nunc amet urna vestibulum diam integer nisl, posuere felis in, congue urna volutpat, et nulla lorem, phasellus urna vehicula natoque.</p>
                              <p class="mb-0">Mauris tortor eget morbi quam odio, a magnis felis ipsum ac enim, sed libero lorem, urna sit. Optio pellentesque pede tempor, nulla vel, nec posuere nam enim elit, diam mauris amet hac suspendisse. Vel dictum ante nec, curabitur justo vehicula ut fringilla quis sapien, diam nulla pharetra <a href="#">consectetuer dictum</a>, sodales at convallis nonummy. Donec wisi vel hendrerit metus, mi purus eget molestie nec nibh. Ipsum donec, ut eros at nam nunc dictum magna. Per tellus eu vel, viverra lacus, tenetur et in pede dignissim. Nunc amet urna vestibulum diam integer nisl, posuere felis in, congue urna volutpat, et nulla lorem, phasellus urna vehicula natoque.</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </main>
      <!-- ======================== END MAIN CONTENT AREA HERE ========================-->
      <!-- ==================== START FOOTER AREA ===================================== -->
      <footer>
         <div class="footer-area clearfix ">
            <div class="container">
               <div class="row">
                  <div class="col-lg-6">
                     <div class="row">
                        <div class="col-sm-6">
                           <div class="footer-widget">
                              <div class="footer-logo-img pb-3">
                                 <a href="index.html"><img src="../blogfont/assets/images/footer-logo.png" alt="footer-logo" /></a>
                              </div>
                              <div class="widget-details">
                                 <p>Mauris at varius orci. Vestibulum interdum felis eu nisl pulvinar, quis nibh.d ultricies ante vitae
                                 </p>
                                 <div class="social-icon">
                                    <ul class="list-inline">
                                       <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                       <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                       <li><a href="#"><i class="fa fa-rss"></i></a></li>
                                       <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="offset-lg-1 col-lg-5 col-sm-6">
                           <div class="footer-widget">
                              <div class="widget-title">
                                 <h3>Useful Link
                                 </h3>
                              </div>
                              <div class="widget-details">
                                 <div class="widget-link">
                                    <ul>
                                       <li><a href="authors.html">Authors</a></li>
                                       <li><a href="contact.html">Contact Us</a></li>
                                       <li><a href="about.html">About Us</a></li>
                                       <li><a href="guide.html">Style Guides</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="row">
                        <div class="offset-lg-1 col-lg-5 col-sm-6">
                           <div class="footer-widget">
                              <div class="widget-title">
                                 <h3>Tags Cloud
                                 </h3>
                              </div>
                              <div class="widget-details  footer-tags">
                                 <ul>
                                    <li><a href="tag.html">Travel</a>,</li>
                                    <li><a href="tag.html">Clean</a>,</li>
                                    <li><a href="tag.html">Web</a>,</li>
                                    <li><a href="tag.html">Design</a>,</li>
                                    <li><a href="tag.html">Html</a>,</li>
                                    <li><a href="tag.html">Video</a>,</li>
                                    <li><a href="tag.html">History</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="col-lg-6  col-sm-6">
                           <div class="footer-widget m-0">
                              <div class="widget-title">
                                 <h3>Subscribe Us</h3>
                              </div>
                              <div class="widget-details">
                                 <form action="#">
                                    <input type="email" placeholder="Email Adress" />
                                    <button type="submit">Subscribe</button>
                                 </form>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col">
                     <div class="footer-bottom text-center">
                        <p>Copyright - Alum 2019 Designed by <a href="http://bootstrapmb.com">Themeix</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <!-- ==================== END FOOTER AREA HERE ===================================== -->
      <!-- ====================ALL JS FILE HERE===================================== -->
      <!-- jQuery -->
      <script src="../blogfont/assets/js/jquery-3.3.1.min.js"></script>
      <!-- Bootstrap JS -->
      <script src="../blogfont/assets/js/bootstrap.min.js"></script>
      <!-- responsive-menu. -->
      <script src="../blogfont/assets/js/responsive-menu.js"></script>
      <!-- scrollUp  JS -->
      <script src="../blogfont/assets/js/jquery.scrollUp.min.js"></script>
      <!-- lightbox js -->
      <script src="../blogfont/assets/js/lightbox.min.js"></script>
      <!-- carousel js -->
      <script src="../blogfont/assets/js/owl.carousel.min.js"></script>
      <!-- wow JS -->
      <script src="../blogfont/assets/js/aos.min.js"></script>
      <!-- main  JS -->
      <script src="../blogfont/assets/js/main.js"></script>
   </body>
</html>
